import React, { useState, useEffect } from 'react'
import {useNavigate,useSearchParams} from 'react-router-dom'
import { Input } from '@nutui/nutui-react'
import '@nutui/nutui-react/dist/style.css'
import axios from 'axios'
export default function Addy() {
    const [currentTime, setCurrentTime] = useState(getCurrentTime());
    const [val,setVal]=useState('')
    const navigate=useNavigate()
    const [list1,setList1]=useState([])
    const [lid,setLid]=useState('')
    const [list2,setList2]=useState([])
    let [nums,setNums]=useState('')
    let [search]=useSearchParams()
    let yid=search.get('yid')
    // console.log(yid);
    
    // 获取当前时间的函数
    function getCurrentTime() {
        let date = new Date();
        let hours = date.getHours();
        let minutes = date.getMinutes();
        minutes = (minutes < 10 ? '0' : '') + minutes;
        return `${hours}:${minutes}`;

    }

    // 使用 useEffect 设置定时器
   
    let top = () => {
        navigate(-1)
    }
    useEffect(()=>{
       getlist() 
       
    },[])
    let getlist=async()=>{
        let {data:{data}}=await axios.get('http://127.0.0.1:3000/mxd_getlist')
        // console.log(data);
        setList1(data)
        
    }
    // let upid=(id)=>{
    //     setLid(id)
    //     btlist()
    // }
    let btlist=async(id)=>{
        // console.log(id);
        
        let {data:{data}}=await axios.get('http://127.0.0.1:3000/mxd_getbt',{params:{id,val}})
        // console.log(data);
        setList2(data)
        
    }
    let y=async(id,name)=>{
        navigate(`/gg/ytype?id=${id}&name=${name}&yid=${yid}`)
        // console.log(id);
    }
    let sou = (e) => {
        console.log(val);

        // console.log(val);
        btlist()
    }
    return (
        <div id='addy'>
           
            <div className="top">
                <p>
                    <span>
                        <svg onClick={top} style={{ width: '30px', height: '35px', position: 'absolute', marginLeft: '5px' }} t="1724675809513" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2590" width="200" height="200"><path d="M670.6 861.6c-7.6 0-15.1-2.9-20.9-8.6L329.4 532.7c-11.6-11.5-11.6-30.3 0-41.8l320.2-320.2c5.8-5.8 13.3-8.6 20.9-8.6 7.5 0 15.1 2.9 20.9 8.6 11.5 11.5 11.5 30.2 0 41.8L392 511.8l299.4 299.4c11.5 11.6 11.5 30.3 0 41.8-5.7 5.7-13.3 8.6-20.8 8.6z" fill="#2c2c2c" p-id="2591"></path></svg>
                    </span>
                    <span style={{ marginLeft: '35px', marginTop: '10px', lineHeight: '33px', fontSize: '20px' }}>新增药品</span>
                    {/* <span onClick={update} style={{ height: '35px', position: 'absolute', marginLeft: '180px', top: '50px', fontSize: '15px', color: '#52BDFF' }}>编辑处方</span> */}
                </p>
                <hr />
            </div>
            <>
            <Input onKeyDown={(e) => { sou(e) }} onChange={(e)=>{setVal(e)}}  clearable placeholder='请输入药品名称' />
            </>
            <div className="se">
                <div className="le">
                    <ul>
                        {list1.map(item=>(
                            <li onClick={()=>{btlist(item._id)}} key={item._id}>{item.name}</li>
                        ))}
                        
                    </ul>
                </div>
                <div className="right">
                        <ul>
                            {list2.map(item=>(
                                <li   key={item._id} onClick={()=>{y(item._id,item.name)}}>
                                    <span>{item.name}</span> 
                                    {/* <span>个数{nums}</span>   ///对应的数据size */}
                                    
                                </li>
                            ))}
                            
                        </ul>
                </div>
            </div>
           
        </div>
    )
}
